/* 
需要安装的插件有 
postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-aspect-ratio-mini postcss-loader

meta配置
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
*/

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      unitToConvert: 'px', // 默认值`px`，需要转换的单位
      viewportWidth: 414, // 视窗的宽度,对应设计稿宽度（按照设备独立像素的设计稿，如果设计稿是750，此处也应该是750）
      // viewportHeight: 667, // 视窗的高度, 根据375设备的宽度来指定，一般是667，也可不配置
      unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数，默认值是5
      propList: ['*'], // 转化为vw的属性列表
      viewportUnit: 'vw', // 指定需要转换成视窗单位
      fontViewportUnit: 'vw', // 字体使用的视窗单位
      selectorBlaskList: ['.ignore-'], // 指定不需要转换为视窗单位的类
      mediaQuery: false, // 允许在媒体查询中转换`px`
      minPixelValue: 1, // 小于或等于`1px`时不转换为视窗单位
      replace: true, // 是否直接更换属性值而不添加备用属性
      exclude: [], // 忽略某些文件夹下的文件或特定文件，如node_modules
      landscape: false, // 是否添加根据landscapeWidth生成的媒体查询条件 @media (orientation: landscape)
      landscapeUnit: 'vw', // 横屏时使用的单位
      landscapeWidth: 1134, // 横屏时使用的视窗宽度
    },
    'postcss-write-svg': {
      //用来处理1pxborder的问题
      uft8: false,
    },
    'postcss-cssnext': {}, //自动添加样式前缀
    'postcss-aspect-ratio-mini': {}, //用来处理元素容器宽高比
  },
}
